<template>
  <div class="rights">
    <!-- 上面 -->
    <div class="sh-1">
      <First></First>
      <Second></Second>
      <Thirdly></Thirdly>
      <FourthlyVue></FourthlyVue>
    </div>
    <!-- 下面 -->
    <div class="xas-1">
      <First1></First1>
      <Second1></Second1>
      <Thirdly1></Thirdly1>
    </div>
  </div>
</template>

<script lang="ts" setup>
import First from './above/First.vue'
import Second from './above/Second.vue'
import Thirdly from './above/Thirdly.vue'
import FourthlyVue from './above/Fourthly.vue'
import First1 from './below/First1.vue'
import Second1 from './below/Second1.vue'
import Thirdly1 from './below/Thirdly1.vue'
</script>

<style lang="scss" scoped>
.rights {
  width: 1700px;
  height: 860px;
  // background: beige;
  .sh-1 {
    width: 100%;
    height: 440px;
    display: flex;
    margin-bottom: 10px;
  }
  .xas-1 {
    width: 100%;
    height: 410px;
    display: flex;
    // background: beige;
    // background: red;
  }
}
</style>
